<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	  	 
<h:body>	  
	<ui:composition template="/template.xhtml">
	<ui:define name="title">
		Index
	</ui:define>
	
	<ui:define name="header">
			
		<p:growl id="growl" autoUpdate="true" globalOnly="false" life="2000" showDetail="false" widgetVar="growl" escape="true"/>	
		<p:outputPanel id="div-login">
			<p:panel id="panel-controlUsuario" rendered="#{carroCompraMB.login == false}">
				Ud no se encuentra logeado, si ya esta registrado ingrese 
				<p:commandLink value="aqui" onclick="PF('dlg-identificarse').show()"/>
				si aun no lo esta, puede hacerlo 
				<p:commandLink value="aca" onclick="PF('dlg-registrarse').show()"/>
			</p:panel>
							
			<p:panel id="panel-logeado" rendered="#{carroCompraMB.login == true}">
				<h:outputText value="Bienvenido #{carroCompraMB.usuarioTO.nombreUsuario}  " id="msje-bienvenida"/>
				<p:commandLink value="Cerrar Sesión" actionListener="#{carroCompraMB.cerrarSesion}" rendered="#{carroCompraMB.usuarioTO.nombre != null}" update=":div-login"/>
			</p:panel>
		
		
		<p:panel id="panel-carro">
			<h:outputText value="Carro: "/>						
			<h:outputText value=" Hay #{carroCompraMB.datosMostrarTO.cantidadProductos} producto en el carro" id="panel-primertexto"/>
			<h:outputText value=" Total: $ #{carroCompraMB.datosMostrarTO.totalCompra} " id="panel-segundotexto" />
			<h:form>			
				<p:commandLink value="Editar" actionListener="#{carroCompraMB.obtenerDetalles}" oncomplete="PF('dlg-editarCarro').show()" update=":tabla-editar" rendered="#{carroCompraMB.datosMostrarTO.cantidadProductos != 0}"/>
			</h:form>
		</p:panel>
										
		<p:dialog widgetVar="dlg-identificarse" header="Ingrese sus datos" showEffect="fade" modal="true" id="dlgIdentificarse">						
			
				<h:form prependId="false">
								
					<p:inputText value="#{carroCompraMB.usuarioTO.nombreUsuario}" id="nombre-usuario-identificarse" placeholder="Nombre de usuario"  maxlength="35"/>					
					<p:message for="nombre-usuario-identificarse" showSummary="true"/>
					
					<p:password value="#{carroCompraMB.usuarioTO.pass}" id="password-usuario-identificarse" placeholder="Password"  maxlength="35" />					
					<p:message for="password-usuario-identificarse" showSummary="true"/>
																		
					<p:commandButton actionListener="#{carroCompraMB.identificarUsuario}" value="Loguearme" icon="ui-icon-search" id="btn-identificarse" update=":panel-controlUsuario :panel-logeado :div-login"/>							
				</h:form>
																		
		</p:dialog>
													
		<p:dialog widgetVar="dlg-registrarse" header="Ingrese sus datos" showEffect="fade" modal="true" id="dlgRegistrarse">						
							
				<h:form prependId="false">				
					<p:inputText value="#{carroCompraMB.usuarioTO.nombreUsuario}" id="nombre-usuario-registrar" placeholder="Nombre de usuario"  maxlength="35" />					
					<p:message for="nombre-usuario-registrar" showSummary="true"/>
								
					<p:password value="#{carroCompraMB.usuarioTO.pass}" id="password-usuario-registrar" placeholder="Password"  maxlength="35" />					
					<p:message for="password-usuario-registrar" showSummary="true"/>																		
					
					<p:inputText value="#{carroCompraMB.usuarioTO.nombre}" id="nombre-registrar" placeholder="Nombre"  maxlength="35"/>					
					<p:message for="nombre-registrar" showSummary="true"/>
						
					<p:inputText value="#{carroCompraMB.usuarioTO.apellido}" id="apellido-registrar" placeholder="Apellido"  maxlength="35" />					
					<p:message for="apellido-registrar" showSummary="true"/>
										
					<p:commandButton actionListener="#{carroCompraMB.registrarUsuario}" value="Registrarme" icon="ui-icon-search" id="btn-registrarse" update=":panel-controlUsuario :panel-logeado :div-login"/>							
				</h:form>																
		</p:dialog>
	</p:outputPanel>	
	</ui:define>
	
	<ui:define name="content">
		<ui:include src="/listar.xhtml"></ui:include>
		<ui:include src="/editarCarro.xhtml"></ui:include>
	</ui:define>
	
	</ui:composition>
</h:body>

</html>

